/* 
    Document   : login
    Created on : Aug 8, 2013, 7:55:15 PM
    Author     : QuangKhoi
    Description:
        Purpose of the stylesheet follows.
*/

body {
    font-family: Calibri, sans-serif;
    margin: 0;
    padding: 0;
}
img {
    margin: 0;
    padding: 0;
    border: none;
}
input {
    display: inline-block;
    /*height: 18px;*/
    padding: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #666; border: 1px solid #cccccc;
    font-family: Calibri,
        sans-serif;
}
input {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear 0.2s,
        box-shadow linear 0.2s;-moz-transition: border linear 0.2s,
        box-shadow linear 0.2s;-ms-transition: border linear 0.2s,
        box-shadow linear 0.2s;-o-transition: border linear 0.2s,
        box-shadow linear 0.2s;
    transition: border linear 0.2s,
        box-shadow linear 0.2s;
    color: #666;
}
input:focus{
    border-color: rgba(204, 204, 204);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(82, 168, 236, 0.6);
    color:#333;
    outline: 0;
    outline: thin dotted\ 9;
    /* IE6-9 */
}
input[type = "file"]:focus,
select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn {
    text-decoration: none;
    font-family: Calibri, sans-serif;
    font-size:16px!important;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    border:solid 1px #bababa;
    padding: 0px 15px;
    margin-bottom: 0;
    line-height: 26px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    background-color: #eaeaea;
    border: 1px solid#bababa;
    cursor: pointer;
    width: auto;
    height: auto;
}
.btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #ddd;
}
.btn.active,
.btn:active,
.btn-holder.inset {
    background-image: none;-webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);-moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    background-color: #ddd;
    outline: 0;
}
.btn-red {
    background: #0099cc; border:solid 1px #0086B3;
    color: #fff;
}
.btn-red:hover {
    border: solid 1px #0086B3; background:#0086B3;
    color: #fff;
}
.btn-red.active,
.btn-red:active {
    border: solid 1px #0086B3; background:#0086B3;-webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);-moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}
.login-container {
    width: 250px;
    margin: 0 auto;
    margin-top: 105px;
    position: relative;
    background: #F3F4F6;
    padding: 40px;
}
.logo {
    display: block;
}
.logo img {
    max-width: 250px;
    height: auto;
}
.login-container form {
    margin: 50px 0 0 0;
}
.login-container input {
    margin: 0 0 10px 0;
    width: 240px;
}
.btn-holder {
    margin: 36px 0 0 0;
    float: left;
    border: solid 1px#f1f1f1;
    display: inline-block;
}
.btn {
    line-height: 18px;
    padding: 4px 15px;
    width: auto!important;
    margin: 0!important;
}
button,
input,
select,
textarea {
    margin: 0;
    vertical-align: middle;
    font-family: Calibri,
        sans-serif;
}
.login-errors-container {
    font-size: 11px;
    color: red;
    margin: -5px 0 0 0;
}
.forgot-password-link {
    font-size: 13px;
    text-decoration: none;
    line-height: 17px;
    display: inline-block;
    margin: 42px 0 0 10px;
    color: #333;}
.forgot-password-link:hover{color:#222;
}
.forgot-password-link:active {
    color: #09c;}
label{display:none;  font-size: 13px; color: #666;
      font-weight: 700;
      margin: 0 0 5px 0;
}
.ie-message {
    margin: 40px auto 0 auto;
    width: 340px;
    border: solid 1px#eaeaea;
    padding: 25px 30px;
    text-align: center;
}
.ie-message p {
    margin: 0 0 3px 0;
    font-size: 16px;
    color: #333; }
.ie-message span{color:#888;
                 font-size: 14px;
}
.ie-message a {
    text-decoration: none;
}